@charset "utf-8";

@import "reset";
@import "common";

@function r($px) {
  @return $px/50px * 1rem;
}

.web {
  section {
    background: white;
    .kv {
      .dt {
        width: r(640px);
        height: r(357px);
        overflow: hidden;
        position: relative;
        img {
          width: 100%;
        }
        .mask {
          width: r(640px);
          height: r(104px);
          background-color: rgba(0, 0, 0, 0.3);
          position: absolute;
          bottom: 0;
          font-size: 0;
          p {
            width: r(560px);
            height: r(28px);
            font-size: r(26px);
            line-height: r(28px);
            color: white;
            margin: r(20px) r(32px);
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
          }
          span {
            font-size: r(18px);
            color: white;
            margin: 0 r(24px);
            i {
              font-size: r(18px);
              color: white;
            }
          }
          #dataa {
            font-size: r(24px);
            text-align: right;
            margin-top: r(-8px);
          }
        }
      }
      .page {
        ul {
          font-size: r(16px);
          position: absolute;
          top: r(330px);
          left: 50%;
          transform: translateX(-50%);
          li {
            border: r(6px) solid #cdbeb2;
            border-radius: 50%;
            margin: 0 r(6px);
            &.active {
              border-color: #b60005;
            }
          }
        }
      }
    }
    .curriculum {
      .cjk {
        width: r(582px);
        height: r(142px);
        margin: r(20px) auto;
        padding-bottom: r(30px);
        border-bottom: r(1px) solid #c5c5c5;
        .cjk_left {
          width: r(210px);
          height: r(140px);
          overflow: hidden;
          img {
            width: 100%;
            height: 100%;
          }
        }
        .cjk_right {
          width: r(356px);
          height: r(146px);
          //   font-size: 0;
          vertical-align: middle;
          h1 {
            font-size: r(30px);
            font-weight: normal;
            margin-top: r(-6px);
          }
          p {
            font-size: r(22px);
            color: #c5c5c5;
          }
          .shijj {
            font-size: r(18px);
            color: #c5c5c5;
            text-align: right;
            margin-top: r(26px);
            span {
              i {
                font-size: r(20px);
                margin: 0 r(6px) 0 r(20px);
              }
            }
          }
        }
      }
    }

    .jzgd{
        width: r(604px);
        height: r(60px);
        line-height: r(60px);
        color: #c5c5c5;
        margin: r(8px) auto;
        font-size: r(22px);
        text-align: center;
    }
  }
}
